<template>
  <div>
    <setHeader :title="headerTitle" settext="保存" @done="gotobtn" :back-fn="gotoback"></setHeader>
    <div class="content" style="margin-bottom: 0;">
      <!-- 信息 -->
      <div class="main-navigater main-nav-menu" style="margin-top: 0;">
          <div class="main_menu">
              <label for="">展示公司： <input type="text" v-model="this.userInfo.company_name" style="font-size: 0.26rem; color: #666;"></label>
          </div>
          <div class="main_menu" style="border-bottom: 0.12rem solid #f5f5f5;">
              <label for="">所在行业： <input type="text" v-model="this.userInfo.company_name" style="font-size: 0.26rem; color: #666;"></label>
          </div>
          <div style="margin: 0.04rem 0;">
            <camera headerimg="个人头像："></camera>
          </div>
          <div class="main_menu" style="border-top: 0.12rem solid #f5f5f5;">
              <label for="">真实姓名： <input type="text" v-model="this.userInfo.name" style="font-size: 0.26rem; color: #666;"></label>
          </div>
          <a href="javascript:void(0)" class="main_menu">
              <label for="">电话号码： <input type="text" v-model="this.userInfo.mobile" style="font-size: 0.26rem; color: #666;"></label>
          </a>
          <div class="main_menu">
              <label for="">电子邮箱： <input type="text" v-model="this.userInfo.usermail" style="font-size: 0.26rem; color: #666;"></label>
          </div>
          <div class="main_menu">
              <label for="">工作职位： <input type="text" v-model="this.userInfo.username" style="font-size: 0.26rem; color: #666;"></label>
          </div>
      </div>

      <!-- 真实姓名 -->
      <!-- <ViewModal :modalState.sync="viewState">
          <nupdate @done="closePageModal" v-show="nupdate_show" @Updatedone="UpdateName"></nupdate>
          <uupdate @done="closePageModal" v-show="uupdate_show" @UpdateUserNamedone="UpdateUserName"></uupdate>
          <cupdate @done="closePageModal" v-show="cupdate_show" @UpdateCompanydone="UpdateCompany"></cupdate>
          <eupdate @done="closePageModal" v-show="eupdate_show" @UpdateEmaildone="UpdateEmail"></eupdate>
      </ViewModal> -->
 
      <!-- <div class="suspension-info suspension-uinfo">
          <div class="suspension-info-top">
              <img src="../common/images/userAvatar.png" ref="userImg" :style= "{ height: userImgHeight + 'px' }">
              <div class="suspension-info-top-center">
                <h2>姓名</h2>
                <p style="color:#c6c6c6;font-size:12px;" >信息介绍</p>
                
                <div class="clear"></div>
              </div>   
          </div>
            <div class="suspension-info-bottom">
                <ul>
                  <li>72</br>收藏</li>
                  <li>120</br>卡卷</li>
                  <div class="clear"></div>
                </ul>
            </div>       
      </div>  -->
      <!--个人信息-->
      <!-- <mt-cell title="个人头像"  is-link  to="/uavatar">
        <img slot="icon" :src="this.userInfo.userhead" width="30" height="30" style="float:right">
      </mt-cell> -->
      <!-- <div>
          <mt-cell title="名字" v-model="this.userInfo.name" is-link to="/nupdate"></mt-cell>
          <mt-cell title="关联公司" v-model="this.userInfo.company"  is-link to="/cupdate"></mt-cell>
          <mt-cell title="会员名"  v-model="this.userInfo.username" is-link to="/uupdate"></mt-cell>
          <mt-cell title="电话号码" v-model="this.userInfo.mobile" is-link to="/mupdate"></mt-cell> 
          <mt-cell title="邮箱" v-model="this.userInfo.email" is-link to="/eupdate"></mt-cell>
          <div v-on:click="outlogin"><mt-cell title="退出登陆" is-link ></mt-cell></div>
      </div> -->
    </div>
 </div>
</template>

<script>
  import setHeader from '../public/setHeader.vue';
  import camera from '../public/camera-bar';
  // import ViewModal from "@/components/View";
  // import nupdate from "@/public/nupdate"
  // import uupdate from "@/public/uupdate"
  // import cupdate from "@/public/cupdate"
  // import eupdate from "@/public/eupdate"
  import axios from 'axios';
  import qs from 'qs'
  import { MessageBox, Actionsheet, Button, Indicator } from 'mint-ui';

  export default {
    data() {
      return {
        headerTitle:'编辑个人信息',
        viewState: false,
        logining: true,
        update_arr:{
            email:'',
            access_token:'',
        },
        checked: true,
        userImgHeight:'',
        userInfo:'',

        logImgPath: '',
        importFileUrl:this.$path+'/api.php/api/Avatar',

        //组件隐藏
        // nupdate_show: false,
        // uupdate_show: false,
        // cupdate_show: false,
        // eupdate_show: false,
        update_name:{
            name:'',
            access_token:'',
        },
      }
    },
    components: {
      Button,
      setHeader,
      camera,
      // ViewModal,
      // nupdate,
      // uupdate,
      // cupdate,
      // eupdate
    },
    created() {
        let that = this;
        that.userInfo = window.localStorage.getItem('userInfo');
        that.userInfo = JSON.parse(that.userInfo);
        that.update_name.name = that.userInfo.name;
    },
    mounted() {
      let that = this;
      that.update_arr.access_token = window.localStorage.getItem('access_token');

      // var a = Promise.resolve(this.getUserInfo());
      // a.then(function (result) { 
      //     console.log(result);
      //     that.userInfo = result;
      //     that.update_name.name = result.name;
      // }) 
      // document.onkeydown = function(e) {
      //   console.log('1512', e);
      //   e = window.event || e;
      //   e.returnValue = false;
      //   return false;
      // }
    },
    methods: {
      //编辑个人信息后保存
      gotobtn() {

      },
      // //打开修改真实姓名
      // nupdateClick() {
      //   this.nupdate_show = true;
      //   this.uupdate_show = false;
      //   this.cupdate_show = false;
      //   this.eupdate_show = false;
      //   this.viewState = true;
      // },
      // //打开修改用户名
      // uupdateClick() {
      //   this.nupdate_show = false;
      //   this.uupdate_show = true;
      //   this.cupdate_show = false;
      //   this.eupdate_show = false;
      //   this.viewState = true;
      // },
      // //打开选择展示公司
      // cupdateClick() {
      //   this.nupdate_show = false;
      //   this.uupdate_show = false;
      //   this.cupdate_show = true;
      //   this.eupdate_show = false;
      //   this.viewState = true;
      // },
      // //打开修改电子邮箱
      // eupdateClick() {
      //   this.nupdate_show = false;
      //   this.uupdate_show = false;
      //   this.cupdate_show = false;
      //   this.eupdate_show = true;
      //   this.viewState = true;
      // },
      // closePageModal() {
      //   this.viewState = false;
      // },
      // //修改名字后点击保存 (不对)
      // UpdateName() {
      //   location.reload();
      //   setTimeout(_ => {
      //     this.viewState = false;
      //   }, 2000)   
      //   return;
      // },
      // //修改用户名后点击保存
      // UpdateUserName() {
      //   location.reload();
      //   setTimeout(_ => {
      //     this.viewState = false;
      //   }, 200)   
      //   return;
      // },
      // //修改公司后保存
      // UpdateCompany() {
      //   location.reload();
      //   setTimeout(_ => {
      //     this.viewState = false;
      //   }, 200) 
      //   return;  
      // },
      // //修改邮箱后保存
      // UpdateEmail() {
      //   location.reload();
      //   setTimeout(_ => {
      //     this.viewState = false;
      //   }, 200)   
      //   return;
      // },
      handleReset2() {
        this.$refs.ruleForm2.resetFields();
      },
      handleSubmit2(ev) {
        var _this = this;
        // var params = JSON.stringify(this.ruleForm2);
        // this.loading = true;
        // Indicator.open({
        //   text: '加载中...',
        //   spinnerType: 'snake'
        // });
              // this.$router.push({path:'/'});
        // 
        // console.log(qs.stringify(this.ruleForm2));
        // console.log(this.ruleForm2)
        // loadinginstace =  Indicator.open({text: '加载中...',spinnerType: 'snake'});
        axios.post(_this.$path+'/api.php/api/Login',qs.stringify(this.ruleForm2)).then((response) => {
               if(response){ 
                  // Indicator.close();
                  // console.log(response);

                 if(response.data.code ==200){ 
                  	console.log(response);
                      window.localStorage.setItem('access_token',response.data.data.access_token);

                     MessageBox('提示',response.data.msg).then(action =>{
                        _this.$router.push({path:'/userCenter'});
                      });

                  }else{ 
                    MessageBox('提示',response.data.msg);
                  }
               }
             
        })


      },
      //完成
      // carryout:function(){
      //   this.$router.push({path:'/userCenter'});
      // },
     outlogin:function(){
        localStorage.removeItem('access_token');
        this.$router.push({path:'/'});
      },
      //点击返回个人中心
      gotoback() {
        this.$router.push({path:'/userCenter'});
      }
  //     actionSheet: function(){
  //         // 打开action sheet
  //         this.sheetVisible = true;
  //     },
  //     getCamera: function(){
  //       console.log("打开相机")
  //     },
  //     getLibrary: function(){
  //       console.log("打开相册")
  //     },
      

      // 头像begin
      // handleAvatarSuccessTwo(res, file) {
      //   this.logImgPath = res.headpath;
      //   this.userInfo.userhead = URL.createObjectURL(file.raw);
      //   console.log(this.logImgPath);
      // },
      // beforeAvatarUploadTwo(file) {
      //   const isJPG = file.type === 'image/jpeg';
      //   const isPNG = file.type === 'image/png';
      //   const isLt2M = file.size / 1024 / 1024 < 2;

      //   if (!isJPG && !isPNG) {
      //     this.$message.error('上传头像图片只能是 JPG 或 PNG 格式!');
      //     return false;
      //   }
      //   if (!isLt2M) {
      //     this.$message.error('上传头像图片大小不能超过 2MB!');
      //     return false;
      //   }
      // },


    }
  }

</script>
<style>
@import '../common/css/userCenter.css';

/* 个人头像 */
.main-people-img {
  height: 1rem;
  line-height: 1rem;
}
.main-people-img h3{
  font-size: 0.28rem;
  color: #333;
  font-weight: 500;
}
.main-nav-menu label {
  width: 100%;
  line-height: 1rem;
}
.main-nav-menu input {
  line-height: 0.9rem;
  width: 78%;
}
.main-nav-menu .main_menu:last-child {
  border-bottom: 1px solid #d8d8d8;
}

/* 卡片底部 */
.visitors_bottom {
  border-top: 1px solid #f3f3f3;
  padding-top: 0.2rem;
}
.visitors_bottom ul>li{
  width: 50%;
}

</style>
